
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <title>无线路由管理平台-忘记密码</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">


    <link rel="stylesheet" href="/stylesheets/bootstrap.min.reg.css">
    <link rel="stylesheet" href="/stylesheets/registercss.css">
    <link rel="stylesheet" href="/stylesheets/validation.css">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="/javascripts/html5.js"></script>
    <![endif]-->


</head>

<body style="background: url(/images/hdbg.png) 0 0 repeat-x #eee;top:0;">

<div class="header">
    <div class="container">
        <div class="row">
            <div class="logo span6">
                <h2 ><img src="images/wifi3.png" style="height: 48px"/><span style="color: #54992D">无线路由业务管理平台</span> </h2>
            </div>
        </div>
    </div>
</div>


<div class="register-container container">
    <div class="row">
        <br><BR>
        <div class="register span8"  id="regtable"  >
            <form id="validation" method="post">
                <h2>找回密码</h2>
                <div class="row ">
                    <div class="span7  alert alert-danger" style="max-width: 600px">说明：<BR>&nbsp;&nbsp;&nbsp;&nbsp;以下邮箱地址必须和您注册时填写一致。
                        <BR>&nbsp;&nbsp;&nbsp;&nbsp;重置后的密码会发送到您注册时填写的邮箱中，请注意查收。</div>

                </div>
                <!--<div class="row">
                    <div class="span1">您的账号:</div>
                    <div class="span3"><input type="text" id="uname" name="uname"   class="validate[minSize[4],maxSize[20]]"  value=""/></div>
                    <div class="span3">* 请填写您注册的账号</div>
                </div>-->
                <div class="row ">
                    <div class="span1">您的邮箱:</div>
                    <div class="span3"><input type="text" id="email" name="email"   class="validate[minSize[3],maxSize[32] ]"  value=""/></div>
                    <div class="span2">* 请输入您注册时填写的邮箱地址</div>
                </div>

                <div class="row ">
                    <div class="span1"></div>
                    <div class="span3"><button type="submit" style="width: 270px;">找回密码</button></div>
                </div>

                <div class="row ">
                    <BR>
                    <div class="span1"></div>
                    <div class="span3 alert alert-error"  style="width: 220px; display: none;"  id="status" >显示提示信息</div>
                </div>



            </form>
        </div>

        <div class="span8" id="regstatus" style=" display:none;">
            <div class="alert alert-info">
                <h4>找回密码</h4>
                <br>
                <h1 id="retinfo">
                </h1>
            </div>
        </div>

        <div class="iphone span4">
            <div class="alert alert alert-success">
                <br>
                &nbsp;&nbsp;尚未注册企业用户？&nbsp;<a href="register.html" >请直接注册</a>
                <br><BR>
                &nbsp;&nbsp;忘记密码？ &nbsp;&nbsp;&nbsp;<a href="forgetpwd.html" >请点击此处找回密码</a><BR><br>
            </div>
        </div>
    </div>
</div>

<BR><BR><BR><BR>
<div align="center" class="footer">Copyright &copy; 2014.无线路由管理平台</div>
<!-- Javascript -->
<script src="/javascripts/jquery-1.8.2.min.js"></script>
<script src="/javascripts/bootstrap.min.js"></script>
<script src="/javascripts/jquery.backstretch.min.js"></script>


<script type='text/javascript' src='/javascripts/plugins/validation/languages/jquery.validationEngine-zh_CN.js' charset='utf-8'></script>
<script type='text/javascript' src='/javascripts/plugins/validation/jquery.validationEngine.js' charset='utf-8'></script>

<script type='text/javascript' src='/javascripts/plugins/ajaxsubmit/jquery.form.min.js' charset='utf-8'></script>


<!--<script src="/javascripts/scripts.js"></script>-->
<script type="text/javascript">


    $(document).ready(function(){
        $("#validation").validationEngine({promptPosition : "topLeft", scroll: false});
        var options = {
            // target:        '#output',   // target element(s) to be updated with server response
            url: "forgetpwd.html",
            success:       showResponse,
            resetForm: false,
            type:"post",
            dataType:  'json'

            // other available options:
            //url:       url         // override for form's 'action' attribute
            //type:      type        // 'get' or 'post', override for form's 'method' attribute
            //dataType:  null        // 'xml', 'script', or 'json' (expected server response type)
            //clearForm: true        // clear all form fields after successful submit
            //resetForm: true        // reset the form after successful submit

            // $.ajax options can be used here too, for example:
            //timeout:   3000
        };
        // bind to the form's submit event
        $('#validation').submit(function() {

            $(this).ajaxSubmit(options);
            return false;
        });


        // post-submit callback
        function showResponse(responseText, statusText)  {
            $("#regtable").remove();
            $("#regstatus").show();
            $("#retinfo").html(responseText.info);
        }
    });



</script>


</body>
</html>